<!DOCTYPE HTML>
<html lang="zh-CN">

	<head>
		<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>优秀名师团队 助您股海擒牛</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
		<meta name="format-detection" content="telephone=no">
		<meta name="msapplication-tap-highlight" content="no">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	
	<script type="text/javascript">
        //为页面html动态设置font-size值
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        if (clientWidth >= 750) {
                            docEl.style.fontSize = '100px';
                        } else {
                            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                        }
                        //等价于clientWidth / 750 * 100 + 'px';
                    };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);//resize
            doc.addEventListener('DOMContentLoaded', recalc, false);//reload
        })(document, window);
    </script>

	<body>
		<div class='main'>
			<img class="slogn" src="images/slogn.png" alt="slogn">
			<p class="title">优秀名师团队 助您股海擒牛</p>
			<form class="form">
				<div class="form-group">
					<i class="i i-user"></i>
					<input class="name" type="text" name="user" placeholder="请输入您的姓名">
				</div>
				<div class="form-group">
					<i class="i i-phone"></i>
					<input class="phone" type="number" name="phone" max="99999999999" autocomplete="off" placeholder="请输入您的手机号">
					<a id="v" class="btn-send" href="javascript:void(0);">发送验证码</a>
				</div>
				<div class="form-group">
					<i class="i i-message"></i>
					<input class="message" type="text" name="message" placeholder="请输入验证码">
				</div>

				<a id="submit" class="btn" href="javascript:void(0);">加入我们</a>
			</form>
		</div>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
	</body>

</html>